
<template>
    <div class="cd">
<van-tabbar v-model="active" fixed active-color="#9b89e1" placeholder safe-area-inset-bottom style="margin-top: 20px;">
    <van-tabbar-item class="size" icon="wap-home-o" to="/index"> 首页</van-tabbar-item>
    <van-tabbar-item class="size" icon="fire-o" to="/list/mavan">热映</van-tabbar-item>
    <van-tabbar-item class="size" icon="video-o" to="/list/cinema">影院</van-tabbar-item>
    <van-tabbar-item class="size" icon="contact" to="/personalcenter">我的</van-tabbar-item>
</van-tabbar>
    </div>
</template>

<script>
export default {
 data() {
    return{ 
  active:0,    
  }
 },
 watch:{
 active() {
 if(this.active==0){

 }
 }
 }
}
</script>
<style scoped>
.iconfont{font-size: 20px;margin: 0 0 3px 4px;}
.size{font-size: 15px;margin:0 0 0 0; text-align: center;}

img{ width: 22px;margin:0 0 0 0; }

.cd{width: 100%;margin: 20px 0 0 0}
</style>
